<template>
  <div>
    <chart-comp class="mb20" ref="chartComp" />

    <el-card shadow="never" class="mb20">
      <info-form @search="handleSearch" ref="infoForm" />
    </el-card>

    <el-card shadow="never">
      <info-table ref="infoTable" />
    </el-card>
  </div>
</template>

<script>
import InfoForm from './InfoForm'
import InfoTable from './InfoTable'
import ChartComp from './ChartComp'

export default {
  components: {
    InfoForm,
    InfoTable,
    ChartComp
  },
  methods: {
    handleSearch(values) {
      this.$refs.infoTable.handleGetList(values)
    }
  }
}
</script>
